<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="../lib/normalize.css">

	<link rel="stylesheet" href="main.css">
	<title>22.7 对接localStorage</title>
</head>

<!-- 
	 https://biaoyansu.com/22.x
	
	 删除任务
	
	-->

<body>

	<div id="app" class="container">
		<div class="navbar">
			<h1>计划清单</h1>

		</div>

		<div class="header">
			<h2>
				开黑了吗 就写作业?
			</h2>
		</div>


		<form @submit.prevent="merge" id="taskform">
			<div class="wrap">
				<input id="task-input" v-model="current.title" 
				autocomplete="off"
				placeholder="你想搞事情..." type="text">
				<input type="submit" value="提交">
			</div>
		</form>


		<div class="task-list todo">

			<div class="wrap">
				todo list
				<div class="item" v-for=" (todo,index) in list">
					{{todo.title}}
					<button @click="remove(todo.id)">删除</button>
					<button @click="set_current(todo)">更新</button>
				</div>

			</div>
		</div>

		<!-- 
			time:04:45 

		 -->



		<div class="task-list complete">


			<div class="wrap">
				done list


				<div class="item">
					Lorem ipsum dolor sit amet consectetur adipisicing elit
				</div>

			</div>

		</div>




	</div>


	<script src="../lib/vue.js"></script>
	<script src="js/myStorage.js"></script>
	<script src="js/main.js"></script>
</body>

</html>